$(document).ready(function(){
	var supportsOrientationChange = "onorientationchange" in parent,
		orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

   parent.addEventListener(orientationEvent, function(){
		if(window.orientation == 0){
			// retrato
			$('#mapa_mesas').width('280');
			$('#mapa_mesas').height('280');
		} else {
			// paisagem
			$('#mapa_mesas').width('400');
			$('#mapa_mesas').height('400');
		}
   }, false);
   $('#tabela_mapa_mesas td').click(function(){
   	var mesa = $(this).attr('id');
   	if(mesa == 'mesa_livre'){
			var confirmacao_reserva = confirm('Reservar mesa?');
			if(confirmacao_reserva == true){
				$(this).attr('id', 'mesa_reservada');
				alert('Mesa reservada');
			}
   	} else if(mesa == 'mesa_reservada'){
			alert('A mesa já está reservada.');
   	} else if(mesa == 'mesa_ocupada'){
			alert('No momento a mesa encontra-se ocupada.');
   	}
   });
   var largura_mapa_mesas = $('div#mapa_mesas').width();
   var largura_mensagem = $('div.mensagem_mapa_mesas').width();
   var posicao_mensagem = (largura_mapa_mesas - largura_mensagem) / 2;
   posicao_mensagem -= (5/100 * posicao_mensagem);
	$('div.mensagem_mapa_mesas').css('margin-left', posicao_mensagem);
});